﻿<!DOCTYPE html>
<html lang="zh-CN" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <meta content="width=device-width, initial-scale=1, maximum-scale=1" name="viewport">
    <title>AIN BLOG —— 秘 境</title>
    <!--Main style css-->
    <link th:href="@{/static/assets/css/style.css}" rel="stylesheet">
    <!--Active Color css-->
    <link th:href="@{/static/assets/css/colors/default-colors.css}" rel="stylesheet">
    <!--Responsive style css-->
    <link th:href="@{/static/assets/css/responsive.css}" rel="stylesheet">
    <!-- JS -->
    <!--jQuery 1.12.4 google link-->
    <script th:src="@{/static/assets/js/jquery.min.js}"></script>
</head>
<body class="bodypadding">
<!--快速返回顶层 Btn--><!--END ScrollTop Btn-->
<div class="scroll_up gutengard_btn"><i class="icon-up-open-big"></i></div>
<!--搜索框引入-->
<div th:replace="../templates/commons/search::#main_search"></div>
<!--侧边框引入-->
<div th:replace="../templates/commons/floatBar::#main_floatBar"></div>
<!--导航栏引入-->
<div th:replace="../templates/commons/header::#main_header"></div>


<!--分类页面标题-->
<div class="category_header header_image box_overlay d-flex align_items_center justify_content_center"
     style="background-image: url(assets/images/categorubg.jpg);background-position: 0% 4%;background-repeat: no-repeat;">
    <h1 class="cat_title">分 类</h1>
    <div style="position: absolute;top: 60%;color: #fff;font-size: 30px;font-family: Courier New;letter-spacing: 1px;">Category</div>
</div><!--END Category header-->
<!--分类只要内容-->
<div class="page_container_wrapper">
    <div class="container-fluid no_padding">
        <div class="blog_post_box1 clearfix">
            <div id="categoryImage" class="blog_post_item_image1" th:each="cateList:${categoryModelList}"
                 th:style="'background-image:url('+${cateList.backgroundImage}+')'">
                <div class="post_data_cr" id="post_data_cr1" style="line-height: 70px;padding: 0">
                    <p style="font-size: 20px;font-weight: 400;">[[${cateList.categoryName}]]</p>
                </div>
                <a class="post_link_image" th:href="'/category_subpage/'+${cateList.categoryId}">
                    <img alt="" src="assets/images/postimagebox.png">
                </a>
            </div>
        </div>
    </div>
</div>

<!--引入尾部-->
<div th:replace="../templates/commons/footer::#main_footer"></div>


<!--Bootstrap 4.1.0-->
<script th:src="@{/static/assets/libs/bootstrap-4.1.0/bootstrap.min.js}"></script>
<!--jquery.magnific-popup-->
<script th:src="@{/static/assets/libs/jquery.magnific-popup/jquery.magnific-popup.min.js}"></script>
<!--OWL Carousel-->
<script th:src="@{/static/assets/libs/owlcarousel2-2.3.4/owl.carousel.min.js}"></script>
<!--Custom js-->
<script th:src="@{/static/assets/js/custom.js}"></script>

</body>
</html>